<%@page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<html>
<head>

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>

<script type="text/javascript">
	var listUrl = "device/list.do";

	$(document).ready(function() {
		$("#submit-search").click(function() {
			$('#device-dg').datagrid({
				queryParams : form2Json("device-list-fms")
			}); //点击搜索
		});

		$("#device-dg").datagrid({
			loadMsg : '数据加载中....',
			width : '100%',
			url : listUrl,
			nowrap : false,
			striped : true,
			remoteSort : false,
			rownumbers : true,
			pagination : true,
			fitColumns : true,
			pageList : [ 10, 15, 20, 25 ],
			frozenColumns : [ [ {
				field : 'id',
				checkbox : true
			}, {
				field : 'id',
				title : 'id',
				width : 0,
				hidden : 'true'
			} ] ],

			columns : [ [ {
				field : 'name',
				title : '名称',
				width : 30
			}, {
				field : 'type',
				title : '类型',
				width : 30
			}, {
				field : 'status',
				title : '在线状态',
				width : 30
			}, {
				field : 'price',
				title : '价格(万元)',
				width : 30
			}, {
				field : 'cpu',
				title : 'Cpu(核心数)',
				width : 30
			}, {
				field : 'mem',
				title : '内存(GB)',
				width : 30
			}, {
				field : 'borrowBeginDay',
				title : '租用开始日期',
				width : 30
			}, {
				field : 'borrowEndDay',
				title : '到期日期',
				width : 30
			} ] ]
		});// end datagrid
		//设置分页控件
		var p = $('#device-dg').datagrid('getPager');
		$(p).pagination({
			pageSize : 10,//每页显示的记录条数，默认为10
			pageList : [ 10, 15, 20, 25 ],//可以设置每页记录条数的列表
			beforePageText : '第',//页数文本框前显示的汉字
			afterPageText : '页    共 {pages} 页',
			displayMsg : '当前显示 {from} - {to} 条记录   共 {total} 条记录',
			onBeforeRefresh : function() {
				$(this).pagination('loading');
				$(this).pagination('loaded');
			}

		});//end pagination

	})
	//end ready

	$("#device_input_type").combobox({
		editable : false,
		valueField : 'value',
		textField : 'label',
		data : [ {
			label : 'ALL',
			value : '',
			selected : true
		}, {
			label : '主机',
			value : '1'
		} , {
			label : '手机',
			value : '2'
		}, {
			label : '笔记本',
			value : '3'
		}, {
			label : '打印机',
			value : '4'
		}, {
			label : '空调',
			value : '5'
		}]
	})

	$.extend($.fn.validatebox.defaults.rules, {
		checkdate : {
			validator : function(value, param) {
				//这里验证是否通过，通过返回true，否则返回false，
				//返回false会显示提示信息
			},
		}
	});

	$("#device_input_status").combobox({
		panelHeight : 100,
		editable : false,
		valueField : 'value',
		textField : 'label',
		data : [ {
			label : 'ALL',
			value : '',
			selected : true
		}, {
			label : '离线',
			value : '2'
		}, {
			label : '在线',
			value : '1'
		} ]
	})
	$.extend($.fn.validatebox.defaults.rules, {
		equaldDate : {
			validator : function(value, param) {
				var start = $(param[0]).datetimebox('getValue'); //获取开始时间  
				return value > start; //有效范围为当前时间大于开始时间  
			},
			message : '结束日期应大于开始日期!' //匹配失败消息
		}
	});
	function addDevice() {
		var url = "device/add.do";
		$.post(url, {}, function(data) {
			$("#center").empty();
			$("#center").html(data);
			$.parser.parse($("#center"));
		});
	}
	function editDevice() {
		var rows = $('#device-dg').datagrid('getSelections');
		if (rows.length != 1) {
			$.messager.alert('操作提示', "请先选择一条要操作的信息！");
			return;
		}
		var row = $('#device-dg').datagrid('getSelected');
		var id = row.id;
		var url = "device/selectId.do";
		$.post(url, {
			"id" : id
		}, function(data) {
			$("#center").empty();
			$("#center").html(data);
			$.parser.parse($("#center"));
		});

	}
	function removeDevice() {
		var array = $('#device-dg').datagrid('getSelections');
		var ids = new Array();

		for (var i = 0; i < array.length; i++) {//组成一个字符串，ID主键之间用逗号隔开

			ids[i] = array[i].id;
		}

		ids = ids.join(',');
		
		if (array != "") {
			$.messager.defaults = {
				ok : "确定",
				cancel : "取消"
			};
			$.messager.confirm('操作提示', '是否要删除该信息？', function(r) {
				if (r) {
					var host = location.host;
					$.post('device/del.do', {
						'ids' : ids
					}, function(response) {

						if (response.retCode == "0000") {
							$('#device-dg').datagrid('reload');
							$.messager.alert('操作提示', "删除成功", 'info');
						} else {
							$.messager.alert('操作提示', "删除失败", 'error');
						}
					});
				}
			});
		} else {
			$.messager.alert('操作提示', "请先选择要删除的信息！");
		}

	};
</script>
</head>
<body>

	<div class="linkbar">
		<a>设备监控</a>
	</div>
	<div class="formtoolbar">
		<form id="device-list-fms" method="post" novalidate>
			<i>名称</i> <input class="easyui-textbox" name="name"
				style="width: 100px; height: 30px" /> <i>类型</i> <input
				id="device_input_type" name="type" style="width: 100px" /> <i>租用日期</i>
			<input class="easyui-datebox" id="startTime"
				name="startTime" style="width: 100px" />~ <input
				class="easyui-datebox" name="endTime"
				validType="equaldDate['#startTime']" style="width: 100px" /> <i>价格区间</i>
			<input class="easyui-numberbox" data-options="min:0,precision:2"
				name="price1" style="width: 100px; height: 30px" />~ <input
				class="easyui-numberbox" data-options="min:0,precision:2"
				name="price2" style="width: 100px; height: 30px" /> <i>在线状态</i> <input
				id="device_input_status" name="status" style="width: 100px" /> <a
				id="submit-search" class="easyui-linkbutton" plain="true"
				iconCls="icon-search">搜索</a> <br />
		</form>
	</div>
	<br />
	<div class="clear"></div>
	<div id="device-dg" toolbar="#toolbar" height:500></div>

	<div id="toolbar">
		<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true"
			onclick="addDevice()">添加</a> <a href="#" class="easyui-linkbutton"
			iconCls="icon-remove" plain="true" onclick="removeDevice()">删除</a> <a
			href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true"
			onclick="editDevice()">修改</a>
	</div>

</body>
</html>